<template>
    <div class="aboutus-container">
        <div
            class="about-wrapper"
            :style="'min-height: ' + wrapperHeight + 'px'"
        >
            <div class="desc-about-wrap">
                <p class="about-title">
                    关于我们
                </p>
                <p class="about-desc">
                    掌上大学隶属于杭州新麦科技有限公司，是一家年轻的互联网创业型企业。掌上大学致力于创办中国高校第一服务品牌性平台。
                    基于2000万大学生的企业服务平台，为企业提供产品进入高校市场的销售解决方案，并用大学生专业技能及空余时间完成企业内部专业性、成长性实践工作。
                    掌大深耕校园市场7年，累计完成3轮数千万融资，服务奥美、阿里巴巴、百事可乐等1000余家知名企业。
                </p>

                <p class="about-title" style="margin-top: 45px;">
                    联系我们
                </p>
                <p class="about-desc">
                    电话：15267108957
                    <br />
                    地址：浙江省杭州市滨江区阿里中心2栋301、302、311室
                    <br />
                    邮箱：wukong@zsdx.cn
                </p>
            </div>
        </div>
        <foot />
    </div>
</template>

<script>
import foot from '@/components/foot/footer'
export default {
    scrollToTop: true,
    components: { foot },
    data() {
        return {
            wrapperHeight: 200
        }
    },
    mounted() {
        setTimeout(() => {
            const header = document.getElementsByClassName('fixed-container')[0]
            const footer = document.getElementsByClassName('footer-wrap')[0]

            this.wrapperHeight = window.innerHeight - footer.offsetHeight - 10
        }, 100)
    },
    methods: {}
}
</script>

<style lang="less" scoped>
.aboutus-container {
    .about-wrapper {
        min-width: 1200px;
        background-image: url('//cdn.zsdx.cn/wei/images/new_home/background-about.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 60px;
        .desc-about-wrap {
            width: 750px;
            text-align: center;
            .about-title {
                font-size: 20px;
                font-weight: 500;
                color: rgba(255, 255, 255, 1);
                margin-bottom: 25px;
            }
            .about-desc {
                font-size: 14px;
                color: rgba(255, 255, 255, 1);
                line-height: 22px;
            }
        }
    }
}
</style>
